<?php
require_once './header.php';
?>
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/>
        <title>选择模板</title>
        <link rel="stylesheet" href="./css/base.css">
        <link rel="stylesheet" href="./css/index.css">
        <link rel="stylesheet" href="./css/swiper.min.css">
        <script>
            function adapte() {//适配
                var designWidth = 1080, rem2px = 100;
                document.documentElement.style.fontSize = window.innerWidth / designWidth * rem2px + "px";
            }
            adapte();
        </script>
    </head>
    <body>
    <div class="cover cover-move fs36">
        <div class="a">知道了</div>
        <img class="b" src="./img/cover2.png" alt="figure">
        <p class="c">左右滑动选择模板</p>
    </div>
    <div class="choose fs36 clearfix">
        <div class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/img1.jpg" alt="bg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/img1.jpg" alt="bg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/img1.jpg" alt="bg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/img1.jpg" alt="bg">
                </div>
            </div>
        </div>
        <div class="btn edit-btn">
            <button><a href="./make.php">立即编辑</a></button>
        </div>
    </div>
    <script src='./script/jquery.js'></script>
    <script src='./script/index.js'></script>
    <script src="./script/swiper.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container');
    </script>
    </body>
    </html>
<?php
require_once './footer.php';
